<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  
   
    <style>
        
        body{
           background-image: url(imge/beij2.jpg);
            background-repeat: no-repeat;
            background-size: 100%;
            color: white;
            
        }
        .box{
            height: 465px;
            width: 460px;
            background-color:rgba(0, 0,0, 0.2);
            margin: 0px auto;
            border-radius: 20px;
        }
        table{
            font-size: 16px;
        }
        .first{
            font-size: 40px;
            text-align: center;
            
        }
        td{
           height: 40px;

        }
        .header{
            width: 200px;
            height: 200px;
            background-image: url(imge/lufei.jpg);
            margin: 0px auto;
            background-size: 100%;
            
        }
       
       
        

    </style>
</head>
<body>
    <div class="header">
        
    </div>
    
    <div class="box">
        <table>
         <tr class="first">
            <th colspan="2">个人信息</th>
         </tr>
         <tr>
            <td>姓名: </td>
            <td><input type="text" value="请输入姓名"></td>
         </tr>
         <tr>
            <td>性别</td>
            <td><input type="radio" name="sex" id="nan"> <label for="nan"> <img src="imge/man.jpg" > 男 </label>  
                <input type="radio" name="sex" id="nv"> <label for="nv"><img src="imge/women.jpg" > 女</label> </td>
         </tr>
         <tr>
            <td>生日： </td>
            <td>
                <select name="生日">
                    <option >--请选择年份--</option>
                    <option >2001</option>
                    <option >2002</option>
                    <option >2003</option>
                </select>
                <select>
                    <option>--请选择月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
            </select>
            <select>
                    <option>--请选择日--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
            </select>
                
            </td>
         </tr>
         <tr>
            <td>
            QQ:  
         </td> 
         <td>
           <input type="text" name="qq">
         </td>
        </tr>
         <tr>
            <td>爱好动漫类型</td>
            <td>
                <input type="checkbox" name="love" > 热血
                <input type="checkbox" name="love" > 战斗
                <input type="checkbox" name="love" > 奇幻 
                <input type="checkbox" name="love" > 治愈
                <input type="checkbox" name="love"  checked="checked"> 都喜欢 
            </td>
         </tr>
         <tr>
            <td>个人介绍 </td>
            <td> <textarea>个人简介</textarea></td>
         </tr>
         <tr>
            <td> </td>
            <td>
            <input type="submit" value="确认信息">
            </td>
         </tr>
         <tr>
            <td></td>
            <td><input type="checkbox"  checked="checked">    我同意上面信息属实</td>
         </tr>

        </table>
         
    </div>
    
</body>
</html>